<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"> 
    <h:head>
        <title>Aspirantes a residencias </title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">

                <h:form rendered="#{usuarioBean.tipoUsuario == 'division'}"> 
                    <h6> <p:commandButton value="ATRÁS" icon="ui-icon-arrowthick-1-w" ajax="false" action="indexDivision"/></h6>
                </h:form>
                <f:view>
                    <h:form id="form1">
                        <p:panel header="ASPIRANTES A RESIDENCIA. EL TOTAL DE ASPIRANTES ES: #{alumnoBean.alumnosAptos.size()}" id="panelTabla">
                            <!--h1><h:outputText value="ASPIRANTES A RESIDENCIA"/></h1>
                            <h1><h:outputText value="EL TOTAL DE ASPIRANTES ES: # {alumnoBean.alumnosAptos.size()}"/></h1-->
                            <p:dataTable value="#{alumnoBean.alumnosAptos}" var="item" widgetVar="tablaAlumnos" emptyMessage="NO SE ENCONTRARON ALUMNOS APTOS" id="tablaAlum">
                                <p:column filterBy="#{item.numControl}" filterMatchMode="contains">
                                    <f:facet name="header">
                                        <h:outputText value="NUMERO DE CONTROL"/>
                                    </f:facet>
                                    <h:outputText value="#{item.numControl}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="NOMBRE"/>
                                    </f:facet>
                                    <h:outputText value="#{item.nombre}" style="text-transform:uppercase"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="PATERNO"/>
                                    </f:facet>
                                    <h:outputText value="#{item.apellidoP}" style="text-transform:uppercase"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="MATERNO"/>
                                    </f:facet>
                                    <h:outputText value="#{item.apellidoM}" style="text-transform:uppercase"/>
                                </p:column>
                                <p:column filterBy="#{item.carrera}" filterMatchMode="exact" headerText="CARRERA" >

                                    <f:facet name="filter" >
                                        <p:selectOneMenu onchange="PF('tablaAlumnos').filter()" required="false">
                                            <f:selectItem itemLabel="TODOS" itemValue="#{null}" noSelectionOption="true" />
                                            <f:selectItem itemLabel="INGENIERÍA EN SISTEMAS COMPUTACIONALES" itemValue="INGENIERÍA EN SISTEMAS COMPUTACIONALES"/>
                                            <f:selectItem itemLabel="INGENIERÍA INDUSTRIAL" itemValue="INGENIERÍA INDUSTRIAL"/>
                                            <f:selectItem itemLabel="INGENIERIA EN GESTION EMPRESARIAL" itemValue="INGENIERIA EN GESTION EMPRESARIAL"/>
                                            <f:selectItem itemLabel="INGENIERÍA MECATRÓNICA" itemValue="INGENIERÍA MECATRÓNICA"/>
                                            <f:selectItem itemLabel="IINGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES" itemValue="INGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES"/>
                                        </p:selectOneMenu>
                                    </f:facet>
                                    <h:outputText value="#{item.carrera}" style="text-transform:uppercase"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="CREDITOS"/>
                                    </f:facet>
                                    <h:outputText value="#{item.creditos}"/>
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="E-MAIL"/>
                                    </f:facet>
                                    <h:outputText value="#{item.correo}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="ACCIONES" style="text-transform:uppercase"/>
                                    </f:facet>
                                    <center>
                                        <p:commandButton ajax="true" oncomplete="PF('aCorreoCon').show()" update=":formConf:panelCon" rendered="#{item.correo ne ''}" icon="ui-icon-check" actionListener="#{alumnoBean.setAlumno(item)}"/>
                                        <p:commandButton ajax="true" actionListener="#{alumnoBean.prepararUsuario}" oncomplete="PF('aCorreo').show()" update=":form:panelCo" rendered="#{item.correo eq ''}" icon="ui-icon-mail-closed">
                                            <f:attribute name="alum" value="#{item}" />
                                        </p:commandButton>
                                    </center>
                                </p:column>
                            </p:dataTable>
                        </p:panel>
                    </h:form>
                    <h:form id="form">

                        <p:dialog header="CORREO ALUMNO" widgetVar="aCorreo" resizable="false" modal="true">


                            <h:panelGrid columns="3" id="panelCo">
                                <h:outputLabel value="NOMBRE" />
                                <h:outputLabel value="#{alumnoBean.alumno.nombre} #{alumnoBean.alumno.apellidoP} #{alumnoBean.alumno.apellidoM}" style="text-transform:uppercase"/> <h:outputLabel value=""/>
                                <h:outputLabel value="NÚMERO DE CONTROL" />
                                <h:outputLabel value="#{alumnoBean.alumno.numControl}"/><h:outputLabel value=""/>
                                <h:outputLabel value="CORREO"/>
                                <p:inputText id="correo" value="#{alumnoBean.correo}" required="true" requiredMessage="EL CORREO ES REQUERIDO" validatorMessage="DEBE DE INTRODUCIR UN CORREO VALIDO">
                                    <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
                                </p:inputText>
                                <p:message for="correo" showDetail="true"/>


                            </h:panelGrid>
                            <p:commandButton value="ACEPTAR" actionListener="#{alumnoBean.registrarMail}" ajax="true" icon="ui-icon-check" oncomplete="if (args &amp;&amp; !args.validationFailed) {PF('aCorreo').hide();} " update=":form:panelCo">
                                <f:ajax render="@all"/>
                            </p:commandButton>
                                
                            
                        </p:dialog>
                    </h:form>

                    <h:form id="formConf">

                        <p:dialog header="CORREO ALUMNO" widgetVar="aCorreoCon" resizable="false" modal="true"> 
                            <h:panelGrid columns="2" id="panelCon">
                                <h:outputLabel value="NOMBRE" />
                                <h:outputLabel value="#{alumnoBean.alumno.nombre} #{alumnoBean.alumno.apellidoP} #{alumnoBean.alumno.apellidoM}" style="text-transform:uppercase"/>
                                <h:outputLabel value="NÚMERO DE CONTROL" />
                                <h:outputLabel value="#{alumnoBean.alumno.numControl}"/>
                                <h:outputLabel value="CORREO"/>
                                <p:inputText value="#{alumnoBean.alumno.correo}" required="true" requiredMessage="EL CORREO ES REQUERIDO" validatorMessage="DEBE DE INTRODUCIR UN CORREO VALIDO">
                                    <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
                                </p:inputText>
                                <p:commandButton ajax="false" actionListener="#{alumnoBean.registrarAlumno}" action="ListaAspirantes" value="aceptar"/>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>


                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

